@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
spinbuttons{
-moz-appearance:none;
cursor:default;
-moz-margin-start:4px}

.spinbuttons-button{
min-width:15px;
width:15px;
min-height:12px;
height:12px;
background-color:transparent;
margin:0!important}

.spinbuttons-button > .button-box{
border:0}

.spinbuttons-button[disabled="true"]{
opacity:0.5}

.spinbuttons-up{
-moz-appearance:none;
border:none;
-moz-border-image:none;
-moz-border-radius:0 2px 0 0;
background:url("chrome://global/skin/arrow/arrow-up.png") center center no-repeat}

.spinbuttons-up[disabled="true"]{
background-image:url("chrome://global/skin/arrow/arrow-up-dis.png")}

.spinbuttons-down{
-moz-appearance:none;
border:none;
-moz-border-image:none;
background:url("chrome://global/skin/arrow/arrow-dn.png") center center no-repeat;
-moz-border-radius:0 0 2px}

.spinbuttons-down[disabled="true"]{
background-image:url("chrome://global/skin/arrow/arrow-dn-dis.png")}

.spinbuttons-button:not([disabled="true"]):hover,
.spinbuttons-button:not([disabled="true"]):hover:active{
background-color:#c5d0db}